@charset "utf-8";
@font-face {
    font-family: 'Barlow-Medium';
    src: url('../font/Barlow-Medium.eot');
    src:
    url('../font/Barlow-Medium.eot?#font-spider') format('embedded-opentype'),
    url('../font/Barlow-Medium.woff') format('woff'),
    url('../font/Barlow-Medium.ttf') format('truetype'),
    url('../font/Barlow-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Barlow-Regular';
  src: url('../font/Barlow-Regular.eot');
  src:
  url('../font/Barlow-Regular.eot?#font-spider') format('embedded-opentype'),
  url('../font/Barlow-Regular.woff') format('woff'),
  url('../font/Barlow-Regular.ttf') format('truetype'),
  url('../font/Barlow-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* 初始化CSS */
html {font-size: 187.5% !important;  }
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{/* font-size:100%; */ font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "PingFang SC", "Microsoft Yahei","SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "PingFang SC", "Microsoft Yahei","SimSun",Arial,sans-serif; resize:none;}
body{font:12px "PingFang SC", "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff;-webkit-font-smoothing: antialiased;scroll-behavior:smooth;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input[type="text"], input[type="submit"],input[type="reset"],select,button,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #999;}

/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.TXTovehid-four{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.TXTovehid-seven{overflow: hidden; text-overflow: ellipsis; /*display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;*/}

/*transition*/
.tran100{-webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; transition:all 0.1s linear;}
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

/*动效*/
.scaleimg:hover .pic img,
.scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}


*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
*:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); }

/*搜索弹窗样式*/
.cd-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none;cursor: pointer;}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #19408c;}

.menuIcon{width: 22px;cursor: pointer;display: none;margin-left: 0.8rem;}
.menuIcon span{display: block;width: 100%;height: 2px;background: #fff;border-radius: 2px;animation: navBtn 2s infinite ease;}
.menuIcon span:nth-child(2){margin: 4px 0;animation-delay: 0.5s;}
.menuIcon span:nth-child(3){animation-delay: 1.0s;}
@keyframes navBtn{
  50%{width: 60%;}
  100%{width: 100%;}
}

.navForm{background: #fff;border-radius: 3px;}
.navForm .text{width: 80%;height: 32px;border:none;background: none;font-size: 14px;color: #555;line-height: 32px;text-indent: 8px;}
.navForm .subm{width: 20%;height: 32px;border:none;background: url(../images/search_icon.jpg) no-repeat center;cursor: pointer;}
.mm-listview > li.nBorder:not(.mm-divider):after{display:none;}

*::-webkit-scrollbar{width: 5px;height: 4px;background: #eee;border-radius: 2px;}
*::-webkit-scrollbar-thumb{background: #bbb;border-radius: 2px;}

/* 背景图 */
.bgStyle{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}


/*按钮背景动效*/
.ani-btn{z-index: 1;position: relative;overflow: hidden;}
.ani-btn:after{content: '';z-index: -1;position: absolute;left: 30%;top: 100%;width: 40px;height: 40px;border-radius: 50%;background-color: #CF1414;transform: translate(-50%,-50%) scale(0);}
.ani-btn:hover{border-color: #CF1414!important;color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn:hover:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}

/*按钮背景动效2*/
.ani-btn2{z-index: 1;position: relative;overflow: hidden;}
.ani-btn2:after{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #CF1414;transform: skew(50deg) scaleX(0);transform-origin: left bottom;}
.ani-btn2:hover{background-color: rgba(255,255,255,0);border-color: #CF1414!important;color: #fff!important;transition: 0.5s ease-in;}
.ani-btn2:hover:after{transform: skew(50deg) scaleX(1.5);transition: 0.5s ease-in;}

/*按钮背景动效3*/
.ani-btn3{z-index: 0;position: relative;overflow: hidden;}
.ani-btn3:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(90deg,red,orange,yellow,orange,red,orange,yellow,orange,red);background-size: 200% 100%;transform: skew(50deg) scaleX(0);transform-origin: left bottom;}
.ani-btn3:hover{color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn3:hover:after{transform: skew(50deg) scaleX(1.5);transition: 0.6s ease-in;animation: bgAni 2s infinite linear;}
@keyframes bgAni{
0%{background-position: 0 0;}
}  

/*边距*/
.mrgBtm10{margin-bottom: 10px;}
.padding80{padding: 2.66rem 0;}
.padding60{padding: 2rem 0;}
.padding50{padding: 1.66rem 0;}
.padding40{padding: 1.33rem 0;}
.padding30{padding: 1rem 0;}
.padding20{padding: 0.66rem 0;}

/*网页限定宽度*/
.w1200{width: 1200px;margin: 0 auto;}
.w1680{width: 90%;margin: 0 auto;max-width: 1680px;}
.w1400{width: 90%;margin: 0 auto;max-width: 1400px;}
.w1600{width: 90%;margin: 0 auto;max-width: 1600px;}

/* 单页默认样式 */
.pageStyle{color: #333333;line-height: 2;}
.pageStyle *{max-width: 100% !important;}
.pageStyle img{height: auto !important;max-width: 100% !important;}
.pageStyle ul,.pageStyle ul li{list-style: disc inside;}

/* flex布局 */
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexBetween{display: flex;justify-content: space-between;align-items: center;}
.flexBetweenTop{display: flex;justify-content: space-between;align-items: center;}

/* 字号公用 */
.fz12{font-size:0.4rem ;}
.fz14{font-size: 0.466rem;}
.fz15{font-size: 0.5rem;}
.fz16{font-size: 0.533rem;}
.fz18{font-size: 0.6rem;}
.fz20{font-size: 0.66rem;}
.fz22{font-size:0.733rem ;}
.fz24{font-size: 0.8rem;}
.fz26{font-size: 0.866rem;}
.fz28{font-size: 0.933rem;}
.fz30{font-size: 1rem;}
.fz32{font-size: 1.06rem;}
.fz34{font-size: 1.13rem;}
.fz36{font-size: 1.2rem;}
.fz38{font-size: 1.26rem;}
.fz39{font-size: 1.3rem;}
.fz40{font-size: 1.33rem;}
.fz44{font-size: 1.46rem;}
.fz45{font-size: 1.5rem;}
.fz48{font-size: 1.6rem;}
.fz50{font-size: 1.66rem;}
.fz58{font-size: 1.93rem;}
.fz60{font-size: 2rem;}
.fz180{font-size: 6rem;}

/* 定位 */
.poRe{position: relative;}
.poHidden{position: relative;overflow: hidden;}

/*黑色遮罩层*/
.black-layer{display: none;z-index: 10;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.6);}
.black-layer-header{z-index: 3;}
/*弹窗-视频*/
.popup-video{display: none;z-index: 11;position: fixed;left: 50%;top: 50%;width: 90%;max-width: 1000px;transform: translate(-50%,-50%);}
.popup-video .close-btn{z-index: 1;position: absolute;right: 0;top: 0;display: inline-flex;justify-content: center;align-items: center;width: 40px;height: 40px;background-color: #0F5ADE;font-size: 40px;color: #fff;cursor: pointer;}
.popup-video video{display: block;width: 100%;max-height: 600px;object-fit: contain;}

/* 加粗 */
.bold{font-weight: bold;}


@media screen and (max-width: 1620px){
  html {font-size: 175% !important;}
}
@media screen and (max-width: 1480px){
html {font-size: 164% !important;}

.padding100{padding: 2.8rem 0;}
.marginBtm60{margin-bottom: 1.8rem;}
}

@media screen and (max-width: 1300px){
html {font-size: 140% !important;}
}


@media screen and (max-width: 1024px){

}

@media screen and (max-width: 760px){
html {font-size: 160% !important;}

.fz60{font-size: 1.6rem;}
.fz58{font-size: 1.5rem;}
.fz38{font-size: 0.9rem;}
.fz36{font-size: 0.88rem;}
.fz30{font-size: 0.75rem;}
.fz24{font-size: 0.7rem;}
.fz20{font-size: 0.6rem;}


.padding100{padding: 2rem 0;}
.padding80{padding: 1.6rem 0;}
.marginBtm60{margin-bottom: 1rem;}
}

@media screen and (max-width: 468px){
.cd-popup-container{padding: 40px 20px;width: 80%;}
}